<script setup lang="ts">
import HmHeaderComp from './components/HmHeaderComp.vue'
import HmContentComp from './components/HmContentComp.vue'
import HmFooterComp from './components/HmFooterComp.vue'
</script>

<template>
  <div class="father">
    <!-- <HmHeaderComp />相同的组件，可以简写为：hm-header-comp -->
    <hm-header-comp />
    <HmContentComp />
    <HmFooterComp />
  </div>
</template>

<style scoped>
.father {
  width: 80vw;
  height: 60vw;
  background-color: pink;
  margin: 0 auto;
}
</style>
